.cbp-ig-icon {
    padding: 0;
    display: block;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -moz-transform 0.2s;
    transition: transform 0.2s;
}

.cbp-ig-icon:before {
    font-family: 'devicon';
    font-size: 4em;
    /*speak: none;*/
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

i {
    color: #2979FF;
}

.new-project > .separated {
    padding: 1em;
}

mat-card {
    margin-bottom: 2em;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

mat-card.selectable:hover {
    cursor: pointer;
    background: #FFC400 !important;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.separator {
    background: #c5c5c5;
}

.selectable {
    background: white;
}

.example-container > * {
    width: 100%;
}

.mobile-padding {
    padding: 2em;
}
